<template>
  <div class="setting">
    <template v-if="tabType == 'data'">
      <div class="card">
        <div class="title">导航栏设置</div>
        <div class="content">
			<el-form-item label="背景">
			<el-radio-group v-model="settingData.data.navbar.type">
				<el-radio label="color">纯色</el-radio>
				<el-radio label="image">图片</el-radio>
			</el-radio-group>
			</el-form-item>
			<el-form-item  label="搜索文字">
				<el-input v-model="settingData.data.searchText"></el-input>
			</el-form-item>
			<el-form-item v-if="settingData.data.navbar.type == 'color'" label="选择颜色">
			<dc-color-picker v-model="settingData.data.navbar.color"></dc-color-picker>
			</el-form-item>
			<el-form-item v-if="settingData.data.navbar.type == 'image'" label="选择图片">
			<sa-uploader v-model="settingData.data.navbar.src" fileType="image"></sa-uploader>
			</el-form-item>
        </div>
      </div>
    </template>
  </div>
</template>

<script setup>
  import dcUrl from '../../common/dc-url.vue';
  import dcColorPicker from '../../common/dc-color-picker.vue';

  const props = defineProps(['settingData', 'tabType']);
</script>
